(function () {
    var selects = $("[data-role='select']");

    /*鼠标悬浮选择下拉弹出框tab*/
    selects.find(".tab .item").hover(function () {
        $(this).parent().children(".item").removeClass("selected");
        $(this).addClass("selected");
        $(this).parent().children(".line").attr("style",
            "-webkit-transform: translate3d(" + ($(this).index() * 100) + "%, 0 ,0); " +
            "transform: translate3d(" + ($(this).index() * 100) + "%, 0 ,0);"
        );
        $(this).parents(".options").find(".shade").attr("style",
            "-webkit-transform: translate3d(-" + ($(this).index() * 100) + "%, 0 ,0); " +
            "transform: translate3d(-" + ($(this).index() * 100) + "%, 0 ,0);"
        );
    });

    /*点击空白处隐藏下拉弹出框选项*/
    $(document).click(function () {
        selects.find(".options").removeClass("show");
    });

    /*显示当前下拉弹出框选项*/
    selects.find("input[type='text']").click(function (e) {
        selects.not($(this).parent()).find(".options").removeClass("show");
        $(this).parent().find(".options").toggleClass("show");
        e.stopPropagation();
    });

    /*选中的选项内容*/
    selects.find("li").click(function () {
        $(this).parents("[data-role='select']").find("input[type='text']").val($(this).html());
        $(this).parents("[data-role='select']").find("input[type='hidden']").val($(this).attr("data-val"));
    });
})();